*{margin: 0px;
padding: 0px;
text-decoration: none;
list-style: none;}
body{
    background: #000000;
    font-family: Arial, Tamoha, Helvetica, Times News Roman;
    font-size: 85%;
}
#wrapper{
    width: 1000px;
    margin: 0px auto;
	margin-top: 0px;
}
.clearb{clear:both;}
.errors li{
	color: #FB4D4D;
}
/*---------------------header--------------*/
#header{
    
    background: url("../images/background.jpg") repeat-y top;
	margin-top: 0px;
}

#header .lang img{
	width: 30px;
	height: 25px;
	margin-top: 15px;
}
/*------top header--------*/
#header #top-header{
    height: 100px;
}
#text-header{
    float: right;
}
#text-header .text{
   width: 150px;
}
#text-header .text p{
    color: #ffffff;
    margin-top: 15px;
}
#text-header .text span{
    font-size: 0.8em;
    color: #ffffff;
}
#shopping-cart{
    width: 210px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 15px;
    float: right;
    border: 1px solid #c0bbbb;
    height: 70px;
}
#shopping-cart h4{
    color: red;
    text-align: center;
    margin-top: 5px;
    text-transform: uppercase;
}
#shopping-cart h4 a{
	padding: 5px 7px;
	color: #ff182e;
}
#shopping-cart img{
    width: 40px;
    margin: 0px 0px 0px 10px;
    float: left;
}
#shopping-cart p{
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
}
#shopping-cart p a{
	color: #e7e7e7;
}
#shopping-cart p span{
    color: #ffbb18;
}
/*------mainNav--------*/
#mainNav{
    height: 40px;

}
#mainNav ul.menu{
    float: left;
    padding: 0;

}
#mainNav li ul{
    padding: 0;
}
/*tier 1*/
#mainNav ul.menu li{
    float: left;
    position: relative;
}
#mainNav ul.menu li a{
    display: block;
    font-size: 1em;
    font-weight: bold;
    color: #989696;
    padding: 5px 7px 5px 7px;
    text-transform: uppercase;
    line-height: 30px;
}
#mainNav ul.menu li:hover{
    background-color: rgba(104, 104, 104, 0.8);
    border-radius: 3px 3px 0px 0px;

}
#mainNav ul.menu li:hover a{
    color: #ffffff;
}
/*tier 2*/
#mainNav li ul{
    position: absolute;
    width: 300px;
    background-color: rgba(104, 104, 104, 0.8);
    display: none;

}
#mainNav ul.menu li ul li{
    width: 150px;

}
#mainNav ul.menu li:hover ul{
    display: block;
    border-radius: 0px 3px 3px 3px;
    z-index: 999;
}
#mainNav ul.menu li ul li a{
    color: #ffffff;
}
#mainNav ul.menu li ul li a:hover{
    color: #17b2ec;
    background-color: #3a3b3b;
    border-radius: 0px;
}
/*-------banner--------*/
#banner{
    height: 320px;
    /*border: 1px solid #ffffff;
    border-radius: 10px;*/
}
#banner img{
	height: 320px;
}
/*--------------------content-----------------------------*/
#content{
    margin-top: 20px;
    
    /*background: url("../images/content_bg.jpg");*/
}
/*---------------left-sidebar------------------*/
#left-sidebar{
    float: left;
    width: 210px;
    position: relative;
}
/*---manufacture----*/
#manufacture{
width: 210px;
    text-align: center;
}
#manufacture h3{
    color: #ccff00;
    text-transform: uppercase;
    padding: 5px 7px;
    background-color: #898989;
    border-radius: 5px 5px 0px 0px;

}
#manufacture ul{
    padding: 0;
    border-radius: 0px 0px 5px 5px;
    border-right: 1px solid #898989;
    border-bottom: 1px solid #898989;
    border-left: 1px solid #898989;
    background-color: #3a3b3b;
}
#manufacture ul li{
    width: 100%;
    border-bottom: 0.5px solid #929191;
}
#manufacture ul li a{
    line-height: 30px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
	padding: 5px 35%;
}
#manufacture ul li:hover{
    background-color: #222222;
}
#manufacture ul li:hover a{

    color: #f00e0e;
}
#manufacture a.active{
    color: #f00e0e;
}
#manufacture ul li.active{
	background: #222222;
}
/*----new-product----*/
#new-product{
    width: 210px;
    margin-top: 15px;
    border: 1px solid #c0bbbb;
    border-radius: 5px;
    text-align: center;
    background-color: #3a3b3b;

}
#new-product h3{
    color: #ccff00;
    text-transform: capitalize;
    margin: 0px 0px 5px 0px;
	background: #898989;
	padding: 5px 7px;
	text-transform: uppercase;
}
#new-product img{
    width: 140px;
	 height: 120px;
	text-align: center;
}
#new-product p{
	color: #ffffff;
	font-size: 1em;
}
#new-product .new-products{
	text-align: center;
}
/*---------------------right-sidebar------------------------*/
#right-sidebar{
    float: right;
    width: 210px;
    margin-left: 10px;
}
/*----search-----*/
#search{
    border: 1px solid #898989;
    color: #ffffff;
    border-radius: 5px;
    background-color: #3a3b3b;
}
#search h3{
    text-align: center;
    background-color: #898989;
    border-radius: 5px 5px 0px 0px;
    line-height: 30px;
    text-transform: uppercase;
	color: #ccff00;
}
#search .keyword{
    margin: 10px 0px 0px 10px;
}
#search .keyword input{
    width: 180px;
    border-radius: 5px;
    height: 20px;
}
#search .select-maker{
    margin: 10px 0px 0px 10px;
}
#search .select-maker select{
    width: 180px;
	
}
#search .price{
    margin: 10px 0px 0px 10px;
}
#search .price select{
    width: 180px;
}
#search .submit{
    margin: 15px 0px 10px 10px;
}
#search .submit input{
    width: 100px;
	height: 30px;
    font-size: 1em;
    font-weight: bold;
}
/*----login----*/
#login{
    margin: 15px 0px 0px 0px;
    border: 1px solid #898989;
    border-radius: 5px;
    background-color: #3a3b3b;
}
#login h3{
    color: #ccff00;
    background-color: #898989;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
    line-height: 30px;
    text-transform: uppercase;
}
#login .input{
    margin: 10px 0px 0px 10px;
    
}
#login .input label{
	color: #ffffff;
}
#login .input ul li{
	color: #fb4d4d;
}

#login .input input{
    width: 180px;
	height: 18px;
}
#login .remember{
    margin: 10px 0px 0px 10px;
    color: #ffffff;
}
#login .submit{
    margin: 10px 0px 0px 10px;
}
#login .submit input{
    width: 100px;
	height: 30px;
    font-size: 1em;
    font-weight: bold;
    margin-right: 10px;
}
#login .register{
    margin: 10px 0px 20px 10px;
}
#login .register a{
    color: #ffffff;
}

/*----news----*/
#news{
    border: 1px solid #898989;
    border-radius: 5px;
    margin-top: 15px;
    background-color: #3a3b3b;
    width: 210px;
}

#news h3{
    text-align: center;
    color: #ccff00;
    background: #898989;
    line-height: 30px;
    border-radius: 5px 5px 0px 0px;
    text-transform: uppercase;
}
#news .title ul li{
    float: left;
    width: 104px;
    line-height: 30px;
    text-align: center;
    border-right: 1px solid #ffffff;
    background: #555555;

}
#news .title ul li a{
    color: #ffffff;
    font-size: 1.1em;


}
#news .title ul li a.active{
    color: yellowgreen;

}
#news #content1{
    display: block;
}
#news #content1 ul li{
    margin: 5px 0px 0px 0px;
}
#news #content1 ul li a{
    color: #ffffff;

}
#news #content1 ul li a:hover{
    text-decoration: underline;
    color: yellow;
}
#news #content2{
    display: none;
    
}
#news #content2 ul li{
    margin: 5px 0px 0px 0px;
}
#news #content2 ul li a:hover{
    text-decoration: underline;
    color: yellow;
}
#news #content2 a{
    color: #ffffff;

}
/*---------logged------------*/
#logged {
    border: 1px solid #898989;
    border-radius: 5px;
    background: #3a3b3b;
    text-align: center;
    margin: 15px 0px 0px 0px;
    
}
#logged .role{
	color: #c9c9c9;
}
#logged .image{
    margin: 15px 0px 5px 0px;
}
#logged .image img{
    width: 120px;
    height: 110px;
}
#logged .user p{
    color: #e0e3ec;
}
#logged .user p a.username{
    color: #8bf986;
    font-size: 1.1em;
	
}
#logged .user p a.username:hover{
	text-decoration: underline;
}
#logged .user p a.logout{
    color: #a8e4f8;
    font-size: 1.1em;
	margin: 5px 0px 5px 0px;
}
#logged .user a.change-info{
	color: #eaeaea;
}
/*-----------------------primary--------------------------*/
/*===========start page index===========*/
#content #primary-content{
    width: 570px;   
    float: left;

}
#primary-content #show-product{
	width: 560px;
	margin-left: 10px;
}
#primary-content .product{
    width: 181px;
    text-align: center;
    border: 1px solid #7c7c7c;
    float: left;
    height: 230px;
    margin-left: 3px;
	margin-bottom: 3px;
    background-image: linear-gradient(bottom, #919191 20%, #f2eeef 60%);
	background-image: -webkit-linear-gradient(bottom, #919191 20%, #f2eeef 60%);
	background-image: -moz-linear-gradient(bottom, #919191 20%, #f2eeef 60%);
	background-image: -ms-linear-gradient(bottom, #919191 20%, #f2eeef 60%);
	background-image: -o-linear-gradient(bottom, #919191 20%, #f2eeef 60%);
}
#primary-content .product .product-name{
    margin: 10px 0px 5px 0px;
}
#primary-content .product .product-name a{
    color: #0f8403;
    font-size: 0.8em;
    font-weight: bold;
	text-transform: uppercase;
}
#primary-content .product .product-image img{
    width: 120px;
	height: 110px;
}
#primary-content .product .product-price{
    margin: 5px 0px 5px 0px;
}
#primary-content .product .product-price p{
    color: #b60404;
    font-size: 1.1em;
}
#primary-content .product .product-submit{
    margin: 20px 0px 0px 0px;
}
#primary-content .product .product-submit a{
	font-size: 1em;
    color:#3c3b3b;
    padding:5px 7px;
    border: 1px solid #7c7c7c;
    background-image: linear-gradient(bottom, #cac7c7 20%, #eae9e6 70%);
	background-image: -webkit-linear-gradient(bottom, #cac7c7 20%, #eae9e6 70%);
	background-image: -moz-linear-gradient(bottom, #cac7c7 20%, #eae9e6 70%);
	background-image: -ms-linear-gradient(bottom, #cac7c7 20%, #eae9e6 70%);
	background-image: -o-linear-gradient(bottom, #cac7c7 20%, #eae9e6 70%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#primary-content .product .product-submit a.detail{
	margin-left: 5px;
}
#primary-content .product .product-submit a:hover{
	
	color:#3c3b3b;
    padding:5px 7px;
    border: 1px solid #b07b08;
	background-image: linear-gradient(bottom, #fa820e 9%, #fbca45 60%);
	background-image: -webkit-linear-gradient(bottom, #fa820e 9%, #fce199 60%);
	background-image: -moz-linear-gradient(bottom, #fa820e 9%, #fce199 60%);
	background-image: -ms-linear-gradient(bottom, #fa820e 9%, #fce199 60%);
	background-image: -o-linear-gradient(bottom, #fa820e 9%, #fce199 60%);
}
/*------paginator---------*/
#show-product{
    margin-bottom: 10px;
}
#paginator{
    margin: 5px 0px 0px 12px;

}
#paginator .current{
    padding: 5px 7px;
    background: #d3d3d3;
    margin-right: 5px;
    border: 1px solid #db7202;
    color: #db7202;
    width: 10px;
    height: 5px;
    line-height: 5px;
    display: inline;
    font-weight: bold;
}
#paginator .page{
    padding: 5px 7px;
    background: #db7202;
    margin-right: 5px;
    border: 1px solid #e6e6e6;
    width: 10px;
    height: 5px;
    line-height: 5px;
    display: inline;
}
#paginator .page a{
    color: #e6e6e6;
    font-weight: bold;
}
/*==============end page index============*/
/*==============start page product-detail============*/
#product-detail .title{
	/*background-image: linear-gradient(bottom, #65b200 10%, #d2fd9a 90%);
    background-image: -webkit-linear-gradient(bottom, #65b200 10%, #d2fd9a 90%);
    background-image: -moz-linear-gradient(bottom, #65b200 10%, #d2fd9a 90%);
	background-image: -ms-linear-gradient(bottom, #65b200 10%, #d2fd9a 90%);
	background-image: -o-linear-gradient(bottom, #65b200 10%, #d2fd9a 90%);*/
	background: #898989;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}
#product-detail .title h2{
    margin-left: 15px;
    color: #f2f2f2;
    line-height: 33px;
    font-size: 1.2em;
    
	
	
}
#primary-content #product-detail{
    background-color: #373737;
	margin: 0px 0px 0px 10px;
	border-radius: 5px;
}
#product-detail .review{
    

}
#primary-content #product-detail .product-image{
    width: 220px;
    height: 185px;
    float: left;
    margin: 15px 0px 5px 15px;
}
#primary-content #product-detail .product-image img{
    width: 220px;
    height: 180px;
}
#product-detail .product-description {
    background-color: #efefef;
    width: 300px;
    
    float: right;
    margin: 15px 15px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px dashed #8a8a89;
}
#product-detail .product-description h3{
    color: #f72e3c;
    margin: 5px 0px 5px 15px;
    font-size: 1.2em;
}
#product-detail .product-description p{
    margin: 0px 0px 2px 15px;
}
#product-detail .buy{
    background-color: #efefef;
    width: 300px;
    float: right;
    margin: 0px 15px 0px 0px;
    border-radius: 0px 0px 5px 5px;
}
#product-detail .buy .price{
	margin: 5px 0px 20px 10px;
}
#product-detail .buy p{
    margin: 5px 0px 0px 15px;
    font-size: 1.2em;
    font-weight: bold;
    color: #c95d06;
}
#product-detail .buy a{
    margin: 15px 0px 10px 15px;
    color:#f3f3f3;
    font-size: 1.1em;
    padding:5px 20px;
    border: 1px solid #db6c00;
	background: #e03f00;
    background-image: linear-gradient(bottom, #b83400 10%, #ffa14d 90%);
    background-image: -webkit-linear-gradient(bottom, #b83400 10%, #ffa14d 90%);
    background-image: -moz-linear-gradient(bottom, #b83400 10%, #ffa14d 90%);
	background-image: -ms-linear-gradient(bottom, #b83400 10%, #ffa14d 90%);
	background-image: -o-linear-gradient(bottom, #b83400 10%, #ffa14d 90%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#product-detail .buy a:hover{
    color:#f3f3f3;   
    border: 1px solid #e90b00;
	background: #e90b00;
    background-image: linear-gradient(bottom, #b80900 10%, #ff7a64 90%);
    background-image: -webkit-linear-gradient(bottom, #b80900 10%, #ff7a64 90%);
    background-image: -moz-linear-gradient(bottom, #b80900 10%, #ff7a64 90%);
	background-image: -ms-linear-gradient(bottom, #b80900 10%, #ff7a64 90%);
	background-image: -o-linear-gradient(bottom, #b80900 10%, #ff7a64 90%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#product-detail .detail{
    margin: 10px 15px 0px 15px;    
    background-color: #f3f3f3;
	border: 1px solid #888888;
}

/*==============end page product-detail==============*/

/*==============start cart=============*/
#list-cart{
	margin: 0px 0px 0px 10px;
	
}
#list-cart .title{
	background: #898989;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}
#list-cart .title h3{
    margin-left: 15px;
    color: #f1f1f1;
    line-height: 33px;
    font-size: 1.2em;
}
#list-cart table{
	border-collapse: collapse;
	border: 1px solid #979797;
	background: #d9d9d9;
}
#list-cart table td{
	border: 1px dashed #979797;
}
#list-cart table th{
	border-right: 1px solid #969696;
}
#list-cart .table{
	margin: 10px 0px 10px 0px;
}
#list-cart .function a{
	margin: 0px 0px 15px 0px;
}
#list-cart .function a{
	margin: 0px 5px 0px 0px;
	padding: 5px 7px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #aeaeae;
	background: #e5e5e5;
	color: #1b1b1b;
	background-image: linear-gradient(bottom, #7c7c7c 10%, #f2f2f2 80%);
	background-image: -moz-linear-gradient(bottom, #7c7c7c 10%, #f2f2f2 80%);
	background-image: -webkit-linear-gradient(bottom, #7c7c7c 10%, #f2f2f2 80%);
	background-image: -ms-linear-gradient(bottom, #7c7c7c 10%, #f2f2f2 80%);
	background-image: -o-linear-gradient(bottom, #7c7c7c 10%, #f2f2f2 80%);
}
#list-cart .function input{
	margin: 0px 5px 0px 0px;
	padding: 5px 7px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #565656;
	background: #e5e5e5;
	color: #1b1b1b;
	background-image: linear-gradient(bottom, #7c7c7c 10%, #f2f2f2 80%);
	background-image: -moz-linear-gradient(bottom, #7c7c7c 10%, #f2f2f2 80%);
	background-image: -webkit-linear-gradient(bottom, #7c7c7c 10%, #f2f2f2 80%);
	background-image: -ms-linear-gradient(bottom, #7c7c7c 10%, #f2f2f2 80%);
	background-image: -o-linear-gradient(bottom, #7c7c7c 10%, #f2f2f2 80%);
}
/*==============end cart===============*/
/*=============start page register=================*/
#form-register{
	background: #dddddd;
	border-radius: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#form-register h2{
	text-align: center;
	color: #ed0000;
	font-size: 1.7em;
	
}
#form-register .input{
	margin: 10px 0px 0px 150px;
}
#form-register .input input{
	width: 260px;
	line-height: 22px;
	height: 22px;
}
#form-register .input .input-captcha input{
	width: 160px;
	line-height: 22px;
	height: 22px;
}
#form-register .input .img-captcha{
	width: 200px;
	float: left;
	margin: 5px 15px 0px 0px;
}
#form-register .input img.refresh{
	width: 40px;
	height: 40px;
}
#form-register .input select{
	width: 120px;
	height: 22px;
	line-height: 33px;
}
#form-register .submit{
	margin: 20px 0px 20px 150px;
	margin-bottom: 20px;
	float: left;
}
#form-register .submit input{
	margin-bottom: 20px;
	font-size: 1.1em;
	width: 120px;
	height: 33px;
	line-height: 33px;
	border-radius: 5px;
	background-image: linear-gradient(bottom, #a09f9f, #d7d4d4);
	background-image: -moz-linear-gradient(bottom, #a09f9f, #d7d4d4);
	background-image: -webkit-linear-gradient(bottom, #a09f9f, #d7d4d4);
	background-image: -ms-linear-gradient(bottom, #a09f9f, #d7d4d4);
	background-image: -o-linear-gradient(bottom, #a09f9f, #d7d4d4);
	border: 1px solid #747272;
}
#form-register .submit input:hover{
	color: #efefef;
	border-radius: 5px;
	background-image: linear-gradient(bottom, #3a3a3a, #c0c0c0);
	background-image: -moz-linear-gradient(bottom, #3a3a3a, #c0c0c0);
	background-image: -webkit-linear-gradient(bottom, #3a3a3a, #c0c0c0);
	background-image: -ms-linear-gradient(bottom, #3a3a3a, #c0c0c0);
	background-image: -o-linear-gradient(bottom, #3a3a3a, #c0c0c0);
	border: 1px solid #747272;
}
#register-message{
	margin-left: 10px;
}
#register-message p{
	color: #cacaca;
	font-size: 1.1em;
}

#forgot-pass{
	margin-left: 120px;
	background: #c6c6c6;
	width: 350px;
	border-radius: 5px;
}
#forgot-pass .title{
	text-align: center;
}
#forgot-pass .title h3{
	margin: 10px;
	font-size: 1.4em;
	color: #4c2fff;
	padding: 5px;
}
#forgot-pass .input{
	margin: 10px 0px 10px 40px;
}
#forgot-pass .input input{
	width: 270px;
	height: 22px;
}
#forgot-pass .submit{
	margin: 5px 0px 0px 40px;
}
#forgot-pass .submit input{
	width: 150px;
	height: 33px;
	margin-bottom: 10px;
}
/*=============end page register===================*/
/*=============edit information user========*/
#edit-user{
	margin: 0px 0px 0px 10px;
	background: #d8d8d8;
	border-radius: 5px;
}
#edit-user .title{
	text-align: center;
	font-size: 1.2em;
	color: #ff003c;
	padding: 5px;
}
#edit-user .left{
	margin-left: 15px;
	float: left;
	width: 260px;
}
#edit-user .right{
	margin-left: 20px;
	float: left;
	width: 250px;
}
#edit-user .input img{
	width: 120px;
	height: 100px;
}
#edit-user .input canvas{
	width: 120px;
	height: 100px;
}
#edit-user .input{
	margin: 10px 0px 5px 0px;
}
#edit-user .input input{
	width: 250px;
	height: 20px;
}
#edit-user .submit input{
	padding: 5px 10px;
	margin: 5px 0px 10px 0px;
}
/*change password user*/
#change-pass{
    margin: 0px auto;
    width: 300px;
    background: #dfdfdf;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#change-pass .title{
	padding: 5px 0px;
	text-align: center;
	color: #fd0006;
	font-size: 1.2em;
}
#change-pass .input, .submit{
	margin: 5px 0px 5px 20px;
}
#change-pass .input input{
	width: 260px;
	height: 22px;
}
#change-pass .submit input{
padding: 5px;
margin-bottom: 15px;
}

/*==============start page order=============*/
#order{
	margin-left: 10px;
	background: #cdcdcd;
	border-radius: 5px;
}
#order .title{
	text-align: center;
}
#order .title h2{
	color: #ff0c0c;
}
#order .input{
	margin: 0px 0px 10px 100px;
}
#order .button{
	margin: 25px 0px 10px 100px;
}
#order .input input{
	width: 350px;
	height: 22px;
}
#order .button input{
    padding: 5px 10px;
    margin-right: 15px;
}
/*================end page order============*/
/*-----------------------------footer---------------------------------*/

#footer{
	margin-top: 15px;
    width: 1000px;
    min-height: 150px;
    background-color: rgba(104, 104, 104, 0.8);
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #c0bbbb;
}

#footer h3{
    color: #ffffff;
}
#footer ul{
    padding: 0;
}
#footer .information{
    float: left;
    margin: 20px 0px 0px 20px;

}
#footer .information ul li a{
    color: #a8e4f8;
    margin: 5px 0px 0px 5px;
}
#footer .copy{
    float: right;
    margin: 40px 10px 0px 0px;
}
#footer .copy p{
    color: #c0bbbb;

}
/*======================================================*/
